<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@include file="../common.jsp"%>
<%@page import="Bean.JoinBean"%>
<%
	request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="/bigjo/css/musicCate.css">
<script type="text/javascript" src="/bigjo/js/jquery.js"></script>
<script type="text/javascript" src="/bigjo/js/jquery-1.3.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>음악 리스트 페이지</title>

<script type="text/javascript">
	jQuery.noConflict(); // 예약어로 사용되는 "$" 문자를 다른 라이브러리와 충돌이 나지 않게 하는 역할을 한다.

	jQuery(".newmusic").click(function() {
		var url = $(this).attr("url");
		alert(url);
		jQuery("#musicCate_main_View1").load(url);
		jQuery.ajax({
			url : url,
			success : function(data) {
				$("#widthfordiv").innerHTML(data);
			}
		});
	});
	jQuery.noConflict();
	jQuery(document).ready(function() {
		jQuery.noConflict();
		jQuery(".start").click(function() {
		var hadoop = ${sessionScope.member}
		if(hadoop == null){
			alert("로그인후 사용하세요");
			return
		}
	});
	});
</script>
</head>
<body>
	<article id="musicListBar"> 
		<jsp:include page="/musicCateBar.music"></jsp:include>
	</article>
	<div id="widthfordiv">
	<div id="musiclistwap">
		<table class="tblcss" align="center" border="0">
			<thead>
				<tr>
					<th colspan="7"><h1>${keyword}${title}</h1></th>
				</tr>
			</thead>
			<tbody>
				<%int i = 1;%>
				<c:forEach var="top" items="${newList}">
					<tr>
						<td align="center" width="100"><%=i%></td>
						<td><img
							src="/bigjo/media/albumArt/${top.musicBean.ms_album}.jpg"
							width="70" height="70" /></td>
						<td width="150" align="center"><font size="5">${top.musicBean.ms_title}</font></td>
						<td width="350">${top.singerBean.s_singer}
							${top.musicBean.ms_featuring}<br> ${top.musicBean.ms_album}
							/ ${top.musicBean.ms_genre}<br>
						</td>
						<td><a class="start" href="video.music"
							onClick="window.open(this.href, '', 'width=340, height=280'); return false;">티저
								영상</a> / <a class="start" href="echo.ha?s_no=${top.singerBean.s_no}&ms_no=${top.musicBean.ms_no}&ms_genre=${top.musicBean.ms_genre}"
							onClick="window.open(this.href, '', 'width=450, height=50'); return false;">듣기</a>
						</td>
						<%i++;%>
					</tr>
				</c:forEach>
			</tbody>
		</table>
	</div>
	</div>
	<div id="musiclistguidwap">
	<div id="musiclistguide" align="center">${pageInfo.pagingHtml}</div>
	</div>
</body>
</html>